<template>
    <div class="teacherWorkQuery">
        <el-breadcrumb separator="/" class="breadcrumb-bottom">
            <el-breadcrumb-item :to="{ path: '/' }">统计分析</el-breadcrumb-item>
            <el-breadcrumb-item>教学工作量详情</el-breadcrumb-item>
        </el-breadcrumb>
        <el-form :model="QueryForm" :rules="rules" ref="QueryForm" label-width="0px">
                <el-row :gutter="20">
                <el-col :span="6">
                    <el-form-item prop="">
                    <el-input v-model="QueryForm.term" placeholder="请输入学期"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item prop="">
                    <el-input v-model="QueryForm.year" placeholder="请输入学年"></el-input>
                    </el-form-item>
                </el-col>
                <el-col :span="2" class="overflow-clear">
                    <el-button type="primary" @click="submitForm('QueryForm')" class="float-right">立即搜索</el-button>
                </el-col>
                </el-row>
        </el-form>
        <hr/>
        <div>
            <el-button-group style="margin-bottom:4px;" class="float-right">
            <el-button type="primary">导出</el-button>
            <el-button type="primary">打印</el-button>
            </el-button-group>
        </div>
        <div>
            <div class="float-left table-title-before">
            所带课程
            </div>
            <el-table
                    :data="tableData"
                    style="width: 100%">
                    <el-table-column
                        prop="date"
                        label="课程编号"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="课程名称"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="address"
                        label="任课班级">
                    </el-table-column>
                    <el-table-column
                        prop="date"
                        label="学分"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="学时"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="address"
                        label="学时分配方式及时长">
                    </el-table-column>
                    <el-table-column
                        prop="address"
                        label="每周学时分配">
                    </el-table-column>
            </el-table> 
            <div class="float-left table-title-before">
            课程设计
            </div>
             <el-table
                    :data="tableData"
                    style="width: 100%">
                    <el-table-column
                        prop="date"
                        label="课程名称"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="所带班级"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="address"
                        label="开始时间">
                    </el-table-column>
                    <el-table-column
                        prop="date"
                        label="结束时间"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="课程设计安排"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="address"
                        label="课程设计内容">
                    </el-table-column>
            </el-table> 
             <div class="float-left table-title-before">
            毕业设计
            </div>
             <el-table
                    :data="tableData"
                    style="width: 100%">
                    <el-table-column
                        prop="date"
                        label="课程名称"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="课题来源"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="address"
                        label="学生人数">
                    </el-table-column>
                    <el-table-column
                        prop="date"
                        label="项目类别名称"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="name"
                        label="项目类别编号"
                        width="180">
                    </el-table-column>
                    <el-table-column
                        prop="address"
                        label="所带学生">
                    </el-table-column>
            </el-table> 
       </div>
    </div>
</template>
<script>
    export default{

        name:'teacherWorkQuery',
        data(){
            return {
                QueryForm:{
                    term:'',
                    year:''
                },
                  tableData: [{
                        date: '2016-05-02',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1518 弄'
                    }, 
                    {
                        date: '2016-05-04',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1517 弄'
                    }, 
                    {
                        date: '2016-05-01',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1519 弄'
                    },
                    {
                        date: '2016-05-03',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1516 弄'
                    }]
            }
        },
        components:{

        }
    } 
</script>
<style>

</style>